//某一文章展示
$(function () {
    var fid = getQueryString("fid");

    // 背景颜色设置为透明
    $("#content_left").css("background-color","transparent");
    $.ajax({
        url: APP_PATH + "/getTopicByID.action" ,
        data:{"t_id":fid},
        type: "get",
        dataType: "json",
        success: function (data) {
            // 隐藏加载loadinglistArticle_bname
            $("#content_loading").hide();
            // 恢复背景颜色为白色
            $("#content_left").css("background-color","#ffffff");
            // 恢复右边板块的显示
            $("#content_right").show();
            $("#articles_all").show();
            console.log(data.code);
            // 状态码
            var code = data.code;
            // 提示信息
            var msg = data.msg;
            if (code == 200) {
                var article = data.Topic[0];
                console.log("article " + article);

                // 文章创建者id
                var fuserid = article.t_author_id;
                // 文章id
                var fid = article.t_id;
                // 板块id
                var bid = article.b_id;
                // 板块名
                var bname = article.b_title;
                // 板块信息
                $("#listArticle_bname").html(bname);
                $("#listArticle_bname").attr("onclick", "getBid('" + bid + "','" + bname + "')");

                // 时间
                $("#listArticle_time").html(dateTimeFormat(article.t_date));

                //文章发布者头像信息
                $("#listArticle_userphoto_a").attr("href", "javascript:void(0)");
                $("#listArticle_userphoto_a").attr("onclick", 'getOther("' + fuserid + '")');
                if (article.u_img != undefined && article.u_img != "") {
                    $("#listArticle_userphoto_img").attr("src", APP_PATH + article.u_img);
                }

                //发帖人姓名
                $("#listArticle_username_href").attr("href", "javascript:void(0)");
                $("#listArticle_username_href").attr("onclick", 'getOther("' + fuserid + '")');
                $("#listArticle_username").html(article.u_name);

                /*--------------------------------------------------- 关注and修改文章 ---------------------------------------------------*/
                //用户登录后才显示关注按钮 && 如果是登录用户本人，则不显示关注按钮
                // if (userid != "" && fuserid != userid) {
                //     // 关注表信息
                //     $(".form_attentionDel").attr("class", "form_attentionDel_" + fuserid);
                //     $(".form_attentionAdd").attr("class", "form_attentionAdd_" + fuserid);
                //
                //     // "取消关注"
                //     $("#form_attentionDel_btn").attr("onclick", "attentionDel('" + fuserid + "')");
                //     // fuserid
                //     $("#form_attentionDel_btn").attr("class", "btn btn-sm " + fuserid);
                //     // 鼠标移上去显示
                //     $("#form_attentionDel_btn").attr("onmouseover", "onmouseoverAttentioned('" + fuserid + "')");
                //     // 鼠标移出显示
                //     $("#form_attentionDel_btn").attr("onmouseout", "onmouseoutAttentioned('" + fuserid + "')");
                //     // "关注她"
                //     $("#form_attentionAdd_btn").attr("onclick", "attentionAdd('" + fuserid + "')");
                //     $.ajax({
                //         url: APP_PATH + "/checkIsFollowedByMe.action",
                //         data: {"target_id": fuserid},
                //         type: "get",
                //         dataType: "json",
                //         success: function (data) {
                //             //判断该文章对应的用户是否被关注
                //             if (data.code == 0) {    // 被关注
                //                 // 显示“取消关注”
                //                 $(".form_attentionDel_" + fuserid).show();
                //             } else if (data.code == 1) {    // 未被关注
                //                 // 显示“关注她”
                //                 $(".form_attentionAdd_" + fuserid).show();
                //             } else {
                //                 layer.msg("返回值错误", {icon: 5});
                //             }
                //         }
                //     })
                // }
                //
                // } else if(userid != "" && fuserid == userid) {    // 用户登录且该文章是登录用户的，则显示修改按钮
                //     // "修改文章"
                //     $("#form_articleUpdate_btn").attr("onclick", "skipUpdateArticle('" + fid + "')");
                //     // 显示“修改文章”
                //     $(".form_articleUpdate").show();
                // }
                /*--------------------------------------------------- 关注and修改文章-end ---------------------------------------------------*/

                // 标题
                $("#listArticle_title").html(article.t_title);

                // 内容
                $("#listArticle_fcontent").html(article.t_content);
                $("#listArticle_fcontent").show();

                // 文章配图
                if (article.t_img != "") { // 有“配图”
                        $("#listArticle_img").attr("src",APP_PATH + article.t_img);
                        // 显示“图片”
                        $("#listArticle_img").show();
                } else {
                    // 隐藏“图片”
                    $("#listArticle_img").hide();
                }

                // 评论数
                $("#listArticle2_sum").html(article.t_comment_num + " 条评论");

                /*--------------------------------------------------- 收藏 ---------------------------------------------------*/
                // 用户登录后才显示心形收藏 && 如果不是登录用户本人所发文章，则显示心形收藏
                if (userid != "" && fuserid != userid && userid != undefined) {
                    $(".form_attentionDel").attr("class", "form_attentionDel_" + fuserid + " del_" + fid);
                    $(".form_attentionAdd").attr("class", "form_attentionAdd_" + fuserid + " add_" + fid);

                    $("#form_attentionDel_btn").attr("onclick", "attentionDel('" + fuserid + "')");
                    $("#form_attentionDel_btn").attr("class", "btn btn-sm " + fuserid);
                    // 鼠标移上去显示
                    $("#form_attentionDel_btn").attr("onmouseover", "onmouseoverAttentioned('" + fuserid + "')");
                    // 鼠标移出显示
                    $("#form_attentionDel_btn").attr("onmouseout", "onmouseoutAttentioned('" + fuserid + "')");
                    // "关注她"
                    $("#form_attentionAdd_btn").attr("onclick", "attentionAdd('" + fuserid + "')");

                    //判断该文章对应的用户是否被关注
                    $.ajax({
                        url: APP_PATH + "/checkIsFollowedByMe.action",
                        data:{"target_id":fuserid},
                        type: "get",
                        async: false,
                        dataType: "json",
                        success:function (data) {
                            console.log("checkF" + data.code);
                            if (data.code >  0) {    // 被关注
                                // "取消关注"
                                $(".form_attentionDel_" + fuserid).show();
                                $(".form_attentionAdd_" + fuserid).hide();
                            } else {    // 未被关注
                                // 显示“关注她”
                                $(".form_attentionAdd_" + fuserid).show();
                                $(".form_attentionDel_" + fuserid).hide();
                            }
                        }
                    })
                }
                /*--------------------------------------------------- 收藏-end ---------------------------------------------------*/


                /*--------------------------------------------------- 评论 ---------------------------------------------------*/
                // 用户登录后才显示评论框
                if (userid != undefined) {
                    $(".form_commentAdd").show();
                    $("#form_commentAdd_btn").attr("onclick", "commentAdd('" + fid + "','" + fuserid + "')");
                }
                // 评论展示

                getComment(fid, fuserid);

                /*--------------------------------------------------- 评论-end ---------------------------------------------------*/

                /*----------------- 把MD语法文档，转换为HTML语法 - js---------------------------*/
                var testEditor;
                $(function () {
                    testEditor = editormd.markdownToHTML("artice-doc-content", {//注意：这里是上面DIV的id
                        htmlDecode: "style,script,iframe",
                        emoji: true,
                        taskList: true,
                        tex: true, // 默认不解析
                        flowChart: true, // 默认不解析
                        sequenceDiagram: true, // 默认不解析
                        codeFold: true,
                    });
                });
                /*--------------------------------- end ------------------------------------*/
            } else if (code == 500) {
                layer.msg(msg, {icon: 5});
            }
            // // 板块展示
            // getPlate(data.plate);
            // // 热门文章
            // getHotArticle(data.listHotArticle);
            // // 最新评论
            // getNewComment(data.listNewComment);
            // // 显示扇形图
            // showCountrysProvinces(data);
        },
        error: function () {
            layer.msg("出错！", {icon: 5});
        }
    });
});

//根据参数名获取对应的url参数
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

/*跳转到文章详情（新开一个tab）*/
function skipArticle(fid) {
    var url = APP_PATH + '/article.jsp?fid=' + fid;
    window.open(url,"_blank");
}

/*跳转到修改文章（新开一个tab）*/
function skipUpdateArticle(fid) {
    var url = APP_PATH + '/update.jsp?fid=' + fid + "&source=contentArticle";
    window.location.href = url;
}

/* 取消关注-鼠标移上去 */
function onmouseoverAttentioned(userid) {
    $("." + userid).css("background-color", "#d43f3a");
    $("." + userid).css("color", "#ffffff");
    $("." + userid).html('<samp class="glyphicon glyphicon-minus-sign"></samp> 取消关注');
}
/* 取消关注-鼠标移出 */
function onmouseoutAttentioned(userid) {
    $("." + userid).removeAttr("style");
    $("." + userid).html('<samp class="glyphicon glyphicon-ok-sign"></samp> 已经关注');
}